<template>
  <div class="orders">
      <Navs :navtitle="titles"></Navs>
      <div class="cotainer">
          <div class="content">
              <div class="input">
                  <input type="text" placeholder="搜索订单编号、商品名称、供应商名称">
                  <img src="../../assets/sousuo.png" alt="">
                  <p>搜索</p>
              </div>
              
          </div>
      </div>
      
  </div>
</template>

<script>
import Navs from '../../components/Navbar'
export default {
    components:{
        Navs,
    },
    data(){
        return{
          titles:'订单搜索'
        }
    },
    methods:{
        backs(){
            this.$router.back(-1)
        }
    }
}

</script>
<style scoped lang="scss">
.cotainer{
    position: absolute;
    top: 0.43rem;
    left: 0;
    bottom: 0;
    background: #F2F1F6;
    width: 100%;
    }
.content{
  width:100%;
  .input{
      width:100%;
      height:0.4rem;
      background: red;
      display: flex;
      align-items: center;
      justify-content: center;
      input{
          width:80%;
          height:0.3rem;
          border:1px solid #ccc;
          outline: none;
          font-size:0.12rem;
          text-indent:0.2rem;
          position: relative;
       }
       img{
           width:0.13rem;
           height:0.13rem;
           position:absolute;
           left:6%;
           top:0.13rem;
       }
       p{
           margin-left:0.1rem;
           line-height: 0.4rem;
           height: 0.4rem;
           color:#fff;
       }
  }
}
</style>